<template>
<div class="box2">
<div class="b1"><span class="b1-span">7月龄宝宝食谱</span></div>
<div class="b2">
<div class="b2-left"></div>
<div class="b2-right">
<p class="b2-p1">蛋花豆腐羹</p >
<p class="b2-p2">鸡蛋、南豆腐、西红柿、</p >
<p class="b2-p2">玉米、胡萝卜</p >
<p class="b2-p2">2222人喜欢　4000人收藏</p >
</div>
</div>
<hr>
<div class="b2">
<div class="b2-left"></div>
<div class="b2-right">
<p class="b2-p1">蛋花豆腐羹</p >
<p class="b2-p2">鸡蛋、南豆腐、西红柿、</p >
<p class="b2-p2">玉米、胡萝卜</p >
<p class="b2-p2">2222人喜欢　4000人收藏</p >
</div>
</div>
<hr>
<div class="b2">
<div class="b2-left"></div>
<div class="b2-right">
<p class="b2-p1">蛋花豆腐羹</p >
<p class="b2-p2">鸡蛋、南豆腐、西红柿、</p >
<p class="b2-p2">玉米、胡萝卜</p >
<p class="b2-p2">2222人喜欢　4000人收藏</p >
</div>

</div>
<div>
<p class="pp">已加载全部</p >
</div>
</div>
</template> 
<style>
.b1{
height: 50px;
width: 500px;
}

.b1-span{
float: left;
margin-top: 15px;
font-weight: bolder;
}

.b2{
height: 300px;
width: 500px;
}

.b2-left{
float: left;
height: 250px;
width: 250px;
border-radius: 10px;
background-color: beige;
}



.b2-p1{
margin-left: 10px;
float: left;
font-weight: bolder;
}

.b2-p2{
float: left;
margin-left: 10px;
}
.pp{
color: gray;
}
</style>
